<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="btn">停止定时器</button>
		<script>
			//定时器
			// 1次性定时器
			// 启动：setTimeout(回调函数，时间（毫秒）)
			// 停止：clearTimeout(timer); timer=null;
			
			// 周期性定时器  
			// 启动：setInterval(回调函数，时间（毫秒）)
			// 停止：clearInterval(timer); timer=null;
		
			//1.声明一个定时器
			var timer1=null;
			//2.启动定时器   每隔1000毫秒执行一回函数
			timer1=setInterval(function(){
				console.log("你该起床了");
			},1000)
			//3.停止定时器
			btn.onclick=function(){
				clearInterval(timer1);
				timer1=null;
			}
			
			//1.声明一个定时器
			var timer2=null;
			//2.启动定时器   3000毫秒后执行一回函数
			timer2=setTimeout(function(){
				console.log("你该起床了");
				
				//3.停止定时器
				clearTimeout(timer2);
				timer2=null;
				
			},3000)
			
		    //了解
			console.log(timer1);//1
			console.log(timer2);//2
		</script>
	</body>
</html>
